<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>简易商城</title>
    <style>
        body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:#f5f5f5}
        header{background:#ff6600;color:#fff;padding:15px;text-align:center}
        .search-bar{margin:10px 0}
        .search-bar input{padding:5px;width:200px}
        .search-bar button{padding:5px 10px;background:#333;color:#fff;border:none;cursor:pointer}
        nav{background:#333;color:#fff;padding:10px;text-align:center}
        nav a{color:#fff;margin:0 15px;text-decoration:none}
        .banner{background:#fff;padding:20px;text-align:center}
        .products{display:flex;justify-content:center;gap:20px;padding:20px;flex-wrap:wrap}
        .product{background:#fff;padding:15px;border-radius:5px;width:200px;text-align:center;box-shadow:0 0 5px rgba(0,0,0,0.1)}
        .product img{width:100%;height:150px;background:#ddd;margin-bottom:10px}
        .price{color:#ff6600;font-size:18px;font-weight:bold}
        button{background:#ff6600;color:#fff;border:none;padding:8px 15px;cursor:pointer;border-radius:3px}
        footer{background:#333;color:#fff;text-align:center;padding:10px;margin-top:20px}
        /* 新增样式 */
        .user-actions{float:right;margin-right:20px}
        .user-actions a{color:#fff;text-decoration:none;margin-left:15px}
    </style>
</head>
<body>
    <header>
        <h1>简易商城</h1>
        <div class="search-bar">
            <input type="text" placeholder="搜索商品...">
            <button>搜索</button>
        </div>
    </header>
    
    <nav>
        <a href="#">首页</a>
        <a href="#">数码</a>
        <a href="#">服装</a>
        <a href="#">食品</a>
        <a href="#">图书</a>
        <!-- 新增的注册和登录链接 -->
        <div class="user-actions">
            <a href="/register.html">注册</a>
            <a href="/login.html">登录</a>
        </div>
    </nav>
    
    <div class="banner">
        <h2>今日特惠</h2>
        <p>全场满199减50，满399减120！</p>
    </div>
    
    <div class="products">
        <div class="product">
            <img src="/images/111.jpg" alt="哈基米">
            <h3>哈基米</h3>
            <p class="price">¥99</p>
            <button>立即购买</button>
        </div>
        <div class="product">
            <img src="/images/mcz.jpg" alt="马昌治硅胶娃娃军爷版">
            <h3>马昌治硅胶娃娃军爷版</h3>
            <p class="price">¥98</p>
            <button>立即购买</button>
        </div>
        <div class="product">
            <img src="/images/222.jpg" alt="泥塑娃娃军爷版">
            <h3>泥塑娃娃军爷版</h3>
            <p class="price">¥98</p>
            <button>立即购买</button>
        </div>
        <div class="product">
            <img src="/images/xiaobaga.jpg" alt="姜晨佳哭泣套餐">
            <h3>姜晨佳哭泣套餐</h3>
            <p class="price">¥128</p>
            <button>立即购买</button>
        </div>
        <div class="product">
            <img src="/images/111.jpg" alt="盗版哈基米">
            <h3>盗版哈基米</h3>
            <p class="price">¥39</p>
            <button>立即购买</button>
        </div>
    </div>
    
    <footer>
        <p>&copy; 2024 简易商城 - 版权所有</p>
    </footer>
</body>
</html>